<div
  class="flex items-center justify-center gap-x-6 bg-indigo-600 px-6 py-2.5 sm:px-3.5"
>
  <p class="text-sm/6 text-white">
    <a href="/templates/saas-template">
      <strong class="font-semibold"
        >✨ Introducing Startup Template - Build your beautiful landing page in
        minutes.
      </strong>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="lucide lucide-chevron-right hidden size-4 transition-all duration-300 ease-out group-hover:translate-x-1 lg:inline-block"
        ><path d="m9 18 6-6-6-6"></path></svg
      >
    </a>
  </p>
</div>
